<template>
	<view class="">
		<view>
			<!-- <van-notice-bar v-if="{{orderDetailForm.orderStatus == 2 && rejectedDrugArr.length > 0}}"
				scrollable="{{ false }}" text="您选购的药品中，包含未通过审核的药品。" /> -->
			<view class="container" :class="orderDetailForm.orderStatus == 1 ? 'pbbtn':''">
				<view class="mt20 bg-color-white p30">
					<view class="flex_c_end f28 c666">
						<view class="status f28 b">
							<text v-if="orderDetailForm.orderStatus == 0" class="f28" style="color:#F06454">待上传</text>
							<text v-if="orderDetailForm.orderStatus == 1" class="f28" style="color:#F06454">待审核</text>
							<text v-if="orderDetailForm.orderStatus == 2" class="f28" style="color:#F06454">待确认</text>
							<text v-if="orderDetailForm.orderStatus == 3 && orderDetailForm.payStatus == 1" class="f28"
								style="color:#F06454">待支付</text>
							<text v-else-if="orderDetailForm.orderStatus == 3" class="f28"
								style="color:#F06454">已确认</text>
							<text v-if="orderDetailForm.orderStatus == 4" class="f28" style="color:#F06454">待发货</text>
							<text v-if="orderDetailForm.orderStatus == 5" class="f28" style="color:#F06454">待收货</text>
							<text v-if="orderDetailForm.orderStatus == 21" class="f28" style="color:#F06454">待自提</text>
							<text v-if="orderDetailForm.orderStatus == 6 || orderDetailForm.orderStatus == 7"
								class="f32" style="color:#38BF87">已完成</text>
							<text v-if="orderDetailForm.orderStatus == 8" class="f32" style="color:#999999">已取消</text>
						</view>
					</view>
					<view class="bb1 pb20 mt20">
						<view class="mb20"
							v-if="orderDetailForm.orderStatus == 2 && rejectedDrugArr.length > 0 && passedDrugArr.length > 0">
							以下药品已通过审核。如果您只想购买已通过审核的药品，请点击“确认”按钮。
						</view>
						<view class="shopItem flex_m" v-for="(item,index) in passedDrugArr" :key="index">
							<!-- <view class="img">
		            <image lazy-load src="{{item.icon ? item.icon : '../../static/images/login_logo.png'}}" mode="aspectFill"></image>
		          </view> -->
							<view class="flex_lr orderContent_goods flex1">
								<view class="f28 c333 ell_more ell_2 ml10 flex1">
									<!-- TODO-T 正常代码 -->
									<!-- <view>{{item.productName}} </view> -->
									<!-- TODO-T 测试代码 -->
									<view>{{item.productName}} {{item.rxType}}</view>
									<!-- ----------- -->
									<view>
										<text class="ml40">{{item.spec}}</text>
									</view>
								</view>
								<view class="flex_tb">
									<view class="f28 b flex_c_end price-text">
										¥{{item.salePrice}}
									</view>
									<view class="f28 c999 flex_c_end">
										x{{item.quantity}}
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="bb1 pt30 pb30" v-if="passedDrugArr.length > 0">
						<view class="flex_lr_m"><text class="f28 c999">药品总金额</text> <text
								class="f28 c333">¥{{orderDetailForm.totalAmount}}</text></view>
						<view class="flex_lr_m" v-if="orderDetailForm.orderStatus > 2"><text
								class="f28 c999">扣除积分</text> <text
								class="f28 c333">{{orderDetailForm.totalDeductionPoints}}分</text></view>
						<view class="flex_lr_m" v-if="orderDetailForm.orderStatus > 2"><text class="f28 c999">运费</text>
							<text class="f28 c333">¥{{orderDetailForm.freight}}</text>
						</view>
					</view>
					<view class="tr pt30 c333 f28" v-if="passedDrugArr.length > 0">
						总计：<text class="f28 b color-danger">¥{{orderDetailForm.totalActualAmount}}</text>
					</view>
				</view>
				<view v-if="orderDetailForm.orderStatus == 3" class="mt20 bg-color-white p30">
					<view class="f28 b c333">配送方式</view>
					<view>
						<radio-group @change="radioSelect">
							<label v-for="(item, index) in sexs" style="" :key="item.value" class="raidoStyle">
								<view>{{item.text}}</view>
								<view>
									<radio :value="item.value" :checked="item.value === current" />
								</view>
							</label>
						</radio-group>


						<!-- <van-radio-group :value="orderDetailForm.shippingMethod"
							bind:change="onLogisticsTypeChange">
							<van-cell-group>
								<van-cell title="物流配送" clickable data-name="1" bind:click="onLogisticsTypeRadioClick">
									<van-radio slot="right-icon" name="1" />
								</van-cell>
								<van-cell title="到店自提" clickable data-name="2" bind:click="onLogisticsTypeRadioClick">
									<van-radio slot="right-icon" name="2" />
								</van-cell>
							</van-cell-group>
						</van-radio-group> -->
					</view>
				</view>
				<view class="consignee flex_m p30 " :class="orderDetailForm.orderStatus == 3 ? '': 'mt30'"
					v-if="orderDetailForm.orderStatus == 3 && orderDetailForm.shippingMethod != 0">
					<view class="MapIcon flex_m">
						<image
							:src="orderDetailForm.shippingMethod == 1 ? '../../static/images/ic_address.png' : '../../static/images/ic_shop.png'"
							class="imgBlock"></image>
					</view>
					<view v-if="orderDetailForm.shippingMethod == 1" @click="onSelectAddress">
						<view class="ml20" v-if="orderDetailForm.addressId">
							<view class="f28 c333 b">{{addressForm.name}} <text>{{addressForm.phone}}</text></view>
							<view class="f28 c333 b" v-if="addressForm.cityConcat">{{addressForm.cityConcat}}
								<text>{{addressForm.detail}}</text>
							</view>
						</view>
						<view v-else class="ml20">
							您还没有选择收货地址，点击去选择地址
						</view>
					</view>
					<view v-else="orderDetailForm.shippingMethod == 2" @click="onSelectShop">
						<view class="ml20" v-if="orderDetailForm.pharmacyId">
							<view class="f28 c333 b">{{shopForm.shopName}} <text>{{shopForm.telephone}}</text></view>
							<view class="f28 c333 b">{{shopForm.address}}</view>
						</view>
						<view v-else class="ml20">
							您还没有选择药店
						</view>
					</view>
				</view>
				<view class="flex_m p30 mt30 f360 bg-color-white" v-if="orderDetailForm.orderStatus == 21 ">
					<view v-if="orderDetailForm.storePickup">
						核销码: <text class="f40 ml30 ">{{orderDetailForm.storePickup.content}}</text>
					</view>
					<view v-else class="flex_lr_m" style="width: 100%;">
						<view>核销码正在生成中...</view>
						<view class="fresh-btn" catch:tap="onFresh">刷新</view>
					</view>
				</view>
				<view class="mt20 p30 bg-color-white"
					v-if="orderDetailForm.orderStatus == 2 && rejectedDrugArr.length > 0">
					<view class="c-danger">
						以下药品未通过审核，您可以点击“<text style="color: #0041ef"
							@click="gotoUploadPage()">去问诊</text>”，直接通过线上问诊获得处方，完成购药。

					</view>
					<view class="bb1 pb20 mt20">
						<view class="shopItem flex_m" v-for="(item,index) in rejectedDrugArr" :key="index">
							<view class="flex_lr orderContent_goods flex1">
								<view class="f28 c333 ell_more ell_2 ml10 flex1">
									<!-- TODO-T 测试代码 -->
									<view>{{item.productName}} {{item.rxType}}</view>
									<!-- TODO-T 正常代码 -->
									<!-- <view>{{item.productName}}</view> -->
									<!-- ------------ -->
									<view><text class="ml40">{{item.spec}}</text></view>
								</view>
								<view class="flex_tb">
									<view class="f28 b flex_c_end price-text">
										¥{{item.salePrice}}
									</view>
									<view class="f28 c999 flex_c_end">
										x{{item.quantity}}
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>


				<view class="mt20 p30 bg-color-white"
					v-if="orderDetailForm.orderStatus == 2 && rejectedDrugArr1.length > 0">
					<view class="c-danger">
						以下药品未通过审核，请您仔细梳理历史就诊资料，并再次<text style="color: #0041ef"
							@click="gotoUploadPage1()">上传</text>，请确保您上传的历史就诊资料能够证明您罹患某种疾病这些资料将成为医生为您开具处方的关键依据.

					</view>
					<view class="bb1 pb20 mt20">
						<view class="shopItem flex_m" v-for="(item,index) in rejectedDrugArr1" :key="index">
							<view class="flex_lr orderContent_goods flex1">
								<view class="f28 c333 ell_more ell_2 ml10 flex1">
									<view>{{item.productName}} {{item.rxType}}</view>

									<view><text class="ml40">{{item.spec}}</text></view>
								</view>
								<view class="flex_tb">
									<view class="f28 b flex_c_end price-text">
										¥{{item.salePrice}}
									</view>
									<view class="f28 c999 flex_c_end">
										x{{item.quantity}}
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class="mt20 p30 bg-color-white flex_l_m">
					<view class="pb20 c999 f28" v-if="orderDetailForm.orderSn">订单编号 <text
							class="fr c333">{{orderDetailForm.orderSn}}</text></view>
					<view class="pb20 c999 f28" v-if="orderDetailForm.confirmTime">确认订单时间 <text
							class="fr c333">{{orderDetailForm.confirmTime}}</text></view>
					<view class="pb20 c999 f28" v-if="orderDetailForm.payTime">支付时间 <text
							class="fr c333">{{orderDetailForm.payTime}}</text></view>
					<view class="pb20 c999 f28" v-if="orderDetailForm.payType">支付方式 <text
							class="fr c333">{{orderDetailForm.payType == 1 ? '微信支付' : '重药支付'}}</text></view>
					<view class="pb20 c999 f28" v-if="orderDetailForm.sendTime">发货时间 <text
							class="fr c333">{{orderDetailForm.sendTime}}</text></view>
					<view class="pb20 c999 f28" v-if="orderDetailForm.shippingMethod != 0">配送方式 <text
							class="fr c333">{{orderDetailForm.shippingMethod == 1 ? '物流配送' : '到店自提'}}</text></view>
					<view class="pb20 c999 f28" v-if="orderDetailForm.addressId && orderDetailForm.orderStatus > 3">
						<view>收货地址 <text class="fr c333">{{addressForm.name + ' ' + addressForm.phone }}</text></view>
						<view><text class="fr c333">{{addressForm.cityConcat + addressForm.detail }}</text></view>
					</view>
					<view class="pb20 c999 f28"
						v-if="orderDetailForm.pharmacyResp && orderDetailForm.orderStatus == 21">
						<!-- <view>自提店铺 <text class="fr c333">{{orderDetailForm.pharmacyResp.shopName + ' ' + orderDetailForm.pharmacyResp.telephone }}</text></view> -->
						<view>自提店铺 <text class="fr c333">{{orderDetailForm.pharmacyResp.shopName}}</text></view>
						<view><text class="fr c333">{{orderDetailForm.pharmacyResp.address }}</text></view>
						<view><text class="fr c333">{{orderDetailForm.pharmacyResp.telephone }}</text></view>
					</view>
					<view class="c999 f28" v-if="orderDetailForm.completedTime">签收时间 <text
							class="fr c333">{{orderDetailForm.completedTime}}</text></view>
				</view>
				<view class="fixed b0 l0 w100 bg-color-white p30 pb50 flex_c_end">
					<view
						v-if="orderDetailForm.orderStatus == 0 || orderDetailForm.orderStatus == 1 || orderDetailForm.orderStatus == 2 || orderDetailForm.orderStatus == 3 "
						class="operation-btn cancel-btn flex_c_m cfff ml30" @click="onCancel()">取消订单</view>
					<view v-if="orderDetailForm.orderStatus == 0 " class="operation-btn confirm-btn ml30 flex_c_m"
						@click="gotoUploadPage()">去上传
					</view>
					<view v-if="orderDetailForm.orderStatus == 2 && passedDrugArr.length > 0 "
						class="operation-btn confirm-btn ml30 flex_c_m" @click="onConfirm()">确认</view>
					<view v-if="orderDetailForm.orderStatus == 3 && orderDetailForm.payStatus == 1"
						class="operation-btn pay-btn ml30 flex_c_m" @click="onPay()">11支付
					</view>
					<view
						v-if="orderDetailForm.orderStatus > 4 && orderDetailForm.orderStatus < 8&&orderDetailForm.shippingMethod!=2"
						class="operation-btn logistics-btn flex_c_m ml30" @click="onLogistics()">查看物流</view>


				</view>
			</view>
		</view>
	</view>

</template>

<script>
	import wx from "weixin-js-sdk"
	import {
		ref,
		onMounted
	} from "vue"
	import {
		qzApi
	} from '@/config/request.js';
	const check = require('../../config/check.js')
	export default {
		props: {
			orderId: {
				type: String,
				default: ""
			},
			addressId: {
				type: Number,
				default: 0
			},
			shopId: {
				type: Number,
				default: 0
			},
			shopForm: {
				type: Object,
			},
			orderType: {
				type: Number,
				default: 0
			}
		},
		watch: {
			addressId: {
				handler: function(newValue) {
					console.log(newValue, "11122")
					this.getAddressDetailRequest(newValue)
					if (newValue && newValue > 0) {
						this.getFreightRequest(this.orderId, newValue)
						this.getAddressDetailRequest(newValue)
						this.orderDetailForm.addressId = newValue
					}
				},
				deep: true,
				immediate: true,

			},
			shopId: {
				handler: function(newValue) {
					console.log(newValue, "djdj")
					this.orderDetailForm.pharmacyId = newValue;
					let total = parseFloat(this.orderDetailForm.totalActualAmount)
					this.orderDetails(this.orderId)
					this.$forceUpdate()
				},
				deep: true,
				immediate: true,
			},
		},


		data() {
			return {
				orderDetailForm: {
					shippingMethod: ''
				},
				orderQueryForm: {
					orderId: 0,
					tokenKey: uni.getStorageSync('tokenKey'),
					userAccounts: uni.getStorageSync('userAccounts'),
				},
				payForm: null,
				addressForm: "",
				passedDrugArr: [],
				rejectedDrugArr: [],
				rejectedDrugArr1: [],
				sexs: [{
					text: '物流配送 ',
					value: 1
				}, {
					text: '到店自提',
					value: 2
				}],
				current: "",
			}
		},

		mounted() {
			this.orderDetails(this.orderId)
		},
		methods: {
			onSelectShop() {
				this.gotoShopList()
			},
			gotoShopList() {
				uni.navigateTo({
					// url: '/pages/shopList/shopList?prescId=' + this.data.orderDetailForm.prescId,
					url: '/page1/shopList/index?orderId=' + this.orderDetailForm.id,
				})
			},

			async getFreightRequest(orderId, addressId) {
				const data = await qzApi.getFreight(orderId, addressId);
				if (data.data) {
					let total = parseFloat(this.orderDetailForm.totalActualAmount) + data.data
					this.orderDetailForm.freight = data.data;
					this.orderDetailForm.totalActualAmount = total
				}
			},

			async orderDetails(id) {
				let idList = [];
				if (this.orderType != 0) {
					idList = [this.orderType]
				} else {
					idList = []
				}
				console.log(idList, "3jj11")
				let form = {
					orderId: id,
					tokenKey: this.orderQueryForm.tokenKey,
					userAccounts: this.orderQueryForm.userAccounts,
					rxType: idList

				}
				const order = await qzApi.getOrderDetail(form)
				const data = order.data;
				this.orderDetailForm = data;
				this.orderDetailForm.totalDeductionPoints=0.1;
				console.log(this.orderDetailForm.totalDeductionPoints,"代扣代缴大家")
				const itemArr = this.orderDetailForm.orderItemVos;
				let passArr = []
				let rejectArr = [];
				let rejectArr1 = [];
				// 只有订单状态为待确认的时候，需要区分药品是否审通过
				if (this.orderDetailForm.orderStatus == 2) {
					if (Array.isArray(itemArr)) {
						itemArr.forEach(element => {
							if (element.auditStatus == 1) {
								passArr.push(element)
							} else {

								if (element.rxType != 0 && element.rxType == "支持线上处方") {
									rejectArr.push(element)

								} else if (element.rxType != 0 && element.rxType == "强制纸质处方") {
									rejectArr1.push(element)
								}
							}
						});
					}
				} else {
					passArr = this.orderDetailForm.orderItemVos
				}
				this.passedDrugArr = passArr;
				this.rejectedDrugArr = rejectArr;
				this.rejectedDrugArr1 = rejectArr1;
				this.current = this.orderDetailForm.shippingMethod;

				if (order.data.addressId) {
					this.getAddressDetailRequest(order.data.addressId)
				}

			},
			async getAddressDetailRequest(addressId) {
				uni.showToast({
					title: '加载中..',
					icon: 'loading'
				})
				const data = await qzApi.getAddressDetail(addressId);

				if (data.data) {
					this.addressForm = data.data
				}
				console.log(data)
			},

			radioSelect(e) {
				this.orderDetailForm.shippingMethod = e.detail.value;
				console.log(e, "多看看打开")
				if (e.detail.value == 2) {
					this.orderDetails(this.orderId)
				}
			},
			//取消订单
			async onCancel() {
				uni.showModal({
					title: '',
					content: '确定取消订单吗？',
					showCancel: true,
					cancelText: '点错了',
					cancelColor: '#666666',
					confirmText: '确定',
					success: (result) => {
						if (result.confirm) {
							this.cancelOrderRequest(this.orderId)
						}
					}
				})
			},
			async cancelOrderRequest(id) {
				try {
					let params = {
						orderId: id
					}
					const data = await qzApi.cancelOrder(params);
					if (data.code == 0) {
						uni.showToast({
							title: '取消成功',
							icon: 'success',
							duration: 3000
						})
						this.orderDetails(this.orderId)
					} else {
						uni.showToast({
							icon: 'none',
							title: data.msg
						})
					}
				} catch (error) {
					// 处理错误
					console.error('信息失败:', error);
				}
			},
			gotoUploadPage() {
				uni.navigateTo({
					url: "/page1/consultationInfo/consultationInfo?orderId=" + this.orderId
				})
			},
			gotoUploadPage1() {
				uni.navigateTo({
					url: '/page1/upload/index?id=' + this.orderId + '&itemList=' + JSON
						.stringify(this.rejectedDrugArr1) + '&type=40'
				})
			},

			onConfirm() {
				let params = {
					orderId: this.orderId,
					tokenKey: this.orderQueryForm.tokenKey,
					userAccounts: this.orderQueryForm.userAccounts,
				}
				this.confirmOrderRequest(params)
			},
			async confirmOrderRequest(params) {
				try {
					const data = await qzApi.confirmOrder(params);
					if (data.code == 0) {
						this.orderDetails(this.orderId)
					}
				} catch (error) {
					this.showErrorToast(error.message)
				} finally {}
			},
			onPay() {
				this.handlePayForm()
				if (this.verifyPayForm(this.payForm)) {
					this.payOrderRequest(this.payForm)
				}
			},
			handlePayForm() {
				console.log(this.orderDetailForm);
				this.payForm = {
					"addressId": this.orderDetailForm.addressId,
					// "openId": 'okpU14wzOGHu6QGv6reNPV2nHpN8',
					"openId": uni.getStorageSync(
						'openId'
					), // 雀诊中的openId ortUk7bFOfoYOG8r_Ih1OQsOe4tM，雀诊开发版中的openId okpU14wzOGHu6QGv6reNPV2nHpN8
					"orderSn": this.orderDetailForm.orderSn,
					"pharmacyId": this.orderDetailForm.pharmacyId,
					"shippingMethod": this.orderDetailForm.shippingMethod,
				}
			},
			verifyPayForm(payForm) {
				console.log(payForm);
				if (check.isValidNull(payForm.orderSn)) {
					this.showErrorToast('orderSn为空')
					return false
				} else if (check.isValidNull(payForm.shippingMethod)) {
					this.showErrorToast('请选择配送方式')
					return false
				} else if (payForm.shippingMethod == 1 && check.isValidNull(payForm.addressId)) {
					this.showErrorToast('请选择收货地址')
					return false
				} else if (payForm.shippingMethod == 2 && check.isValidNull(payForm.pharmacyId)) {
					this.showErrorToast('请选择自提药品的店铺')
					return false
				}
				return true
			},
			async payOrderRequest(params) {
				console.log("闪客快打")
				const addressId = this.orderDetailForm.addressId;
				const orderSn = this.orderDetailForm.orderSn;
				const pharmacyId = this.orderDetailForm.pharmacyId;
				const shippingMethod = this.orderDetailForm.shippingMethod;
				let allprice='';
				if(shippingMethod==1){
					allprice = this.orderDetailForm.freight + this.orderDetailForm.totalActualAmount
				}else{
					allprice = this.orderDetailForm.totalActualAmount
				}
				if (parseFloat(this.orderDetailForm.totalDeductionPoints) > parseFloat(allprice)) {
					
					let form = {
						addressId: addressId,
						orderSn:orderSn,
						pharmacyId:pharmacyId,
						shippingMethod:shippingMethod
					}
					let data = await qzApi.creditDeduction(form);
					if(data.code==0){
						this.showErrorToast("支付成功")
						this.orderDetails(this.orderId)
					}else{
						this.showErrorToast(res.msg)
					}
				} else {
					wx.miniProgram.navigateTo({
						url: '/pages/wxPay/wxPay?addressId=' + addressId + '&orderSn=' + orderSn +
							'&pharmacyId=' +
							pharmacyId + '&shippingMethod=' + shippingMethod
					})
				}



				// try {
				// 	const data = await qzApi.payOrder(params);
				// 	if (res.data) {
				// 		if (res.data.payStatus == 7) {
				// 			this.orderDetails(this.orderId)
				// 		} else if (res.data.payStatus == 4) {
				// 			this.wxPay(res.data)
				// 		}
				// 	}
				// } catch (error) {
				// 	this.showErrorToast(error.message)
				// }
			},
			showErrorToast(errMsg) {
				uni.showToast({
					title: errMsg,
					icon: 'none',
					duration: 3000
				})
			},

			onSelectAddress() {
				if (this.orderDetailForm.orderStatus == 3) {
					this.gotoAddressList()
				} else if (this.orderDetailForm.orderStatus > 4) {
					// orderStatus == 4 为待发货状态，发货后才跳转到物流页面
					this.gotoLogisticsDetail()
				}
			},
			gotoAddressList() {
				console.log('gotoAddressList');
				uni.navigateTo({
					url: '/pages2/address/addressList?busnessType=select&selectedAddressId=' + this
						.orderDetailForm.addressId,
				})
			},
			gotoLogisticsDetail() {
				console.log('gotoLogisticsDetail');
				uni.navigateTo({
					url: '/page1/logisticsDetail/logisticsDetail?orderId=' + this.orderQueryForm.orderId,
				})
			},

			onLogistics(data) {
				console.log(data)
				uni.navigateTo({
					url: '/page1/logisticsDetail/index?orderId=' + this.orderQueryForm.orderId,
				})
			}

		}

	}
</script>

<style scoped>
	page {
		background: #F8F8F8;
	}

	.raidoStyle {
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
		border-bottom: 2upx solid #eee;
		padding-bottom: 20rpx;
	}

	.head {
		width: 100%;
		position: relative;
		height: 168rpx;
	}

	.head .content {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		line-height: 168rpx;
		font-size: 32rpx;
		color: #fff;
		font-weight: bold;
	}

	.head .content image {
		display: inline-block;
		width: 44rpx;
		height: 44rpx;
		vertical-align: top;
		margin-top: 62rpx;
		margin-right: 10rpx;
	}

	.head .content text {
		font-weight: normal;
		font-size: 26rpx;
		padding-left: 40rpx;
	}

	.consignee {
		background: #fff;
	}

	.consignee .MapIcon {
		width: 44rpx;
		height: 44rpx;
	}

	.title {
		height: 92rpx;
		line-height: 92rpx;
	}

	.img image {
		width: 100rpx;
		height: 100rpx;
		border: 1rpx solid #eee;
		border-radius: 8rpx;
	}

	.confir .fixed_btn {
		width: 170rpx;
		height: 56rpx;
		border-radius: 8rpx;
		font-size: 26rpx;
	}

	.confir .fixed_btn:nth-child(1) {
		color: #666;
		border: 2rpx solid #E4E4E4;
		background: #fff;
	}

	.confir .fixed_btn:nth-child(2) {
		color: #fff;
		background: #367DFF;
		margin-left: 30rpx;
	}

	.pbbtn {
		padding-bottom: 150rpx;
	}

	.cancel-btn {
		border: 2rpx solid #E4E4E4;
		color: #666;
	}

	.logistics-btn {
		border: 2rpx solid var(--themeColor);
		color: var(--themeColor);
	}

	.confirm-btn {
		background: var(--themeColor);
		border: 2rpx solid var(--themeColor);
		color: #fff;
	}

	.pay-btn {
		background: var(--btnDangerColor);
		border: 2rpx solid var(--btnDangerColor);
		color: #fff;
	}

	.operation-btn {
		height: 80rpx;
		width: 200rpx;
		border-radius: 40rpx;
		font-size: 26rpx;
	}

	.fresh-btn {
		color: var(--themeColor);
	}
</style>